/* 轮播图 */
#test1 {
    height: 27.5rem !important;
    margin: 2.5rem auto 0 auto;
}

/* 轮播图片 */
#test1 img {
    width: 100%;
}

/* 更多热门最外层框架 */
#popular_more_box {
    /* background-color: rgb(240, 235, 235); */
    width: 100%;
    height: 38.75rem;
    padding: 0;
}

/* 更多热门第一行 */
#popular_more_row {
    /* background-color: rgb(240, 235, 235); */

    width: 100%;
    height: 100%;
}

/* 更多热门第一行内容 */
#popular_more_row_main {
    /* margin: 0 auto; */
    /* background-color: rgb(239, 221, 221); */
}

/* 更多热门第一行内容 左 */
#popular_more_col_left {
    margin-top: 3%;
    margin-left: 3%;
    font-size: 1.5rem;
    color: #FF0000;
    /* background-color: aqua; */
}

/* 更多热门 */
#popular_more {
    margin: 0;
    width: 65%;
    height: 100%;
    /* border: 1px solid red; */
}

/* 更多热门第一行内容 右 */
#popular_more_col_right {
    margin-top: 3%;
    font-size: 1.5rem;

    margin-right: -10%;
}

/* 更多热门第一行内容 右 a标签设置 */
#popular_more_col_right a {
    color: #FF0000;
}

/* 更多热门电影框架 */
#popular_move_box {
    margin-top: 2%;
    height: 88.8%;
    /* background-color: rgb(243, 203, 203); */
}

/* 更多热门电影第一行 */
#popular_move_first_row {
    /* border: 1px solid red; */
    width: 100%;
    /* border-color: rgb(240, 174, 174); */
    height: 45%;
}

/* 更多热门电影第一行电影框架 */
#popular_move_first_row>div {
    padding: 0 2%;
    height: 100%;
    /* background-color: #f77171; */
}

/* 每个更多热门电影框架 */
.popular_move_list {
    width: 160px;
    height: 100%;
    /* background-color: #f55555; */
}

/* 更多热门电影第二行 */
#popular_move_second_row {
    /* margin-top: 5.4%; */
    /* border: 1px solid red; */
    width: 100%;
    /* border-color: rgb(240, 174, 174); */
    height: 45%;
    margin-top: 4.2%;
}

/* 更多热门电影第二行电影框架 */
#popular_move_second_row>div {
    padding: 0 2%;
    height: 100%;
    /* background-color: #f77171; */
}

/* 每个更多热门电影图片框架 */
.popular_move_list_top_row {
    height: 88.808%;
    background: linear-gradient(blue, pink);
    /*opacity: 0.5;*/
    /*background-image: url(../../imgs/index/正在热映/第八个嫌疑人.jpg);*/
}

.movie-info {
    color: #fff;
    position: absolute;
    bottom: 14%;
    width: 72%;
    /*box-shadow: -10px 0 50px 10PX black;*/
}

.movie-score {
    color: #ffb400;
    float: right;
    margin-right: 10px;
}

.integer {
    font-size: 18px;
}

.movie-title {
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 10px;
    margin-right: 35px;
}

/* 每个更多热门电影购买框架 */
.popular_move_list_botten_row {
    display: table;
    width: 100%;

    text-align: center;
    height: 20%;
    background-color: rgba(246, 231, 231, 0.52);
}


/* 每个更多热门电影购买按钮 */
.popular_move_list_botten_row a {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.25rem;
    color: #FF0000;
}

/* 每个更多热门电影购买按钮 鼠标移入事件 */
.popular_move_list_botten_row:hover a {
    background-color: #FF0000;
    color: #ffffff;
}

/* 今日票房框架 */
#today_vote {
    /* background-color: rgb(214, 242, 250); */
    width: 30.5%;
    height: 100%;
    margin-left: 2.5%
}

/* 今日票房标题框架 */
#today_vote_tittle {
    /* background-color: rgb(243, 241, 221); */
    display: table;
    height: 11.4%;
    width: 100%;
}

/* 今日票房标题行 */
#today_vote_top_row {
    height: 100%;
    width: 100%;
}

#today_vote_top_row a:hover .today_vote_list_color {
    background-color: #f4e1e1;
}

/* 今日票房标题 */
#today_vote_tittle span {
    font-size: 1.5rem;
    display: table-cell;
    vertical-align: middle;
}

/* 今日票房列表第一个电影框架 */
.today_vote_list_big {
    padding: 2.7% 0;
    height: 12.7%;
    /* background-color: aqua; */
    /* border: 1px solid red; */
}

/* 今日票房列表第一个电影下所有div设置 */
.today_vote_list_big>div {
    /* padding: 5% 0; */
}

/* 今日票房列表第一个电影图片框架 */
#today_vote_img_box {

    height: 100%;
}

/* 今日票房列表所有电影图片 */
#today_vote_top_row img {
    width: 120px;
    height: 78px;
    /* border: 1px solid red; */
}

/* 今日票房列表第一个电影图片 */
#today_vote_img_box img {
    width: 120px;
    height: 78px;
    /* border-block-color: red; */
    /* border: 1px solid red; */
}

/* 今日票房列表第一个电影span设置 */
.today_vote_list_big>div span {
    margin-left: 10%;
}

.cny {
    margin-left: 0 !important;
}

/* 今日票房列表第一个电影名 */
#today_vote_list_big_name {
    margin-top: 7%;
    /* color: #FF0000; */
    font-size: 1.25rem;
    font-weight: 500;
}

/* 今日票房列表第一个电影热度值 */
#today_vote_list_big_value {
    color: #FF0000;
    font-size: 1rem;
    font-weight: 500;
}

/* 今日票房列表其他电影框架 */
.today_vote_list {
    height: 5.7%;
    /* background-color: aquamarine; */
    /* border: 1px solid red; */
    padding: 2.7% 0;
}

.today_vote_list>div {
    height: 100%;
    padding-top: 10px;
    /* width: 100%; */
    position: relative;
    /* width: 100%; */
}

/* 今日票房列表其他电影排名前3 */
.today_vote_list_name_sort {
    font-size: 1.25rem;
    color: #FF0000;
}

/* 今日票房列表其他电影名 */
.today_vote_list_name_movie {
    top: 6px;
    margin-left: 1.25rem;
    font-size: 1.25rem;
    color: #FF0000;
    white-space: nowrap;
    display: inline-block;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

/* 今日票房列表其他电影值 */
.today_vote_list_value {
    font-size: 1.25rem;
    color: #FF0000;
    text-align: right;
}

/* 今日票房列表其他电影排名4 5 */
.today_vote_list_name_sort2 {
    font-size: 1.25rem;
    color: #cabcbc;
}

/* 即将上映最外层框架 */
#upcoming {
    margin-top: 80px;
    width: 100%;
    height: 50.75rem;
    padding: 0;
}

/* 即将上映主题框架 */
#upcoming_row {

    /*border: 1px solid rebeccapurple;*/
    width: 100% !important;
    height: 100% !important;
    /*border-top: 1px solid #E5E5E5;*/
}

/* 即将上映主题框架 */
#upcoming_row_more {
    margin: 0;
    width: 65% !important;
    height: 100% !important;
    /* border: 1px solid red */
}

/* 即将上映左边头部 */
#upcoming_row_top_left {
    margin-top: 3%;
    margin-left: 3%;
    font-size: 1.5rem;
    color: #FF0000;
}

/* 即将上映右边头部 */
#upcoming_row_top_right {
    margin-top: 3%;
    font-size: 1.5rem;
    margin-right: -10%;
}

#upcoming_box {
    margin-top: 2%;
    height: 92.8%;
    /* border: 1px solid red; */
}

.upcoming_box_first_row {
    /* border: 1px solid red; */
    width: 100%;
    /* border-color: rgb(240, 174, 174); */
    height: 45%;
}

.upcoming_box_first_row>div {
    padding: 0 2%;
    height: 100%;
    /* background-color: #f77171; */

}

.upcoming_box_list {
    height: 65.33%;
    background-image: url(../../imgs/index/即将上映/爱过笑过，别再错过.jpg);
}

.upcoming_list_font_box {
    color: #fff;
    position: absolute;
    bottom: 120px;
    width: 100%;
}

.upcoming_list_font {
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 10px;
}

.upcoming_list_work {
    height: 34px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #ffb400;
    background-color: #fbfbfb;
    text-align: left;
    padding-left: 10px;
}

.upcoming_list_work_btn {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 39px;
    line-height: 39px;
    border: 1px solid #e5e5e5;
}

.upcoming_list_work_btn_left {
    width: 45%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 14px;
    border-right: 1px dotted #e5e5e5;
}

.upcoming_list_work_btn_right {
    width: 45%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 14px;
}


.popular_move_list_data {
    border: none;
    color: #999;
    font-size: 14px;
    line-height: 40px;
    height: 34px;

    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#upcoming_box_first_row_orther {
    margin-top: 3%;
}
#most_anticipated{
    width:440px;
    height: 100%;
    /*border: 1px solid indianred;*/
}
#before_rank{
    width:403px;
    height: 50px;
    /*border: 1px solid yellowgreen;*/
}
#before_rank p{
    font-size: 25px;
    color: #FFB400;
    margin-top: 6px;
}
#before_rank span{
    font-size: 14px;
    color: #FFB400;
    margin-left: 209px;
    cursor: pointer;
}
#before_rank span:hover{
    text-decoration: 1px underline #FFB400;
}
#before_rank img{
    width: 10px;
    height: 10px;
}
#want_one{
    width:403px;
    height: 196px;
    margin-top: 5px;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    cursor: pointer;
}
#want_one:hover{
    background-color: #f7f7f7;
}
.img-one{
    height: 195px;
    width: 145px;
    float: left;
    position: relative;
}
.div-littleOne{
    height: 23px;
    width: 20px;
    border: 1px solid #FFB401;
    background-color: #FFB401;
    position: absolute;
    top: 0.5px;
    left: 0px;
    background: rgba(255,180,1,.9);
}
.div-littleOne img{
    height: 20px;
    width: 17px;
}
.nameOne-div{
    width: 248px;
    height: 35px;
    margin-left: 152px;
    margin-top: 48px;
    /*border: 1px solid blue;*/
}
.nameOne-div p{
    font-size: 18px;
    color: #333333;
    margin-top: 5px;
}
.timeOne-div{
    width: 248px;
    height: 30px;
    margin-left: 152px;
    /*border: 1px solid blue;*/
}
.timeOne-div p{
    font-size: 15px;
    color: #999999;
    margin-top: 5px;
}
.wantOne-div{
    width: 248px;
    height: 30px;
    margin-left: 152px;
    /*border: 1px solid blue;*/
}
.wantOne-div p{
    font-size: 14px;
    color: #FDB863;
    margin-top: 5px;
}
#middle_rank{
    width:403px;
    height: 185px;
    margin-top: 21px;
    /*border: 1px solid orchid;*/
}
#want_two{
    width:191.5px;
    height: 185px;
    /*border: 1px solid palevioletred;*/
    cursor: pointer;
}
#want_two:hover{
    background-color: #f7f7f7;
}
.img-two{
    height: 120px;
    width: 191.5px;
    float: left;
    position: relative;
}
.div-littleTwo{
    height: 18px;
    width: 18px;
    border: 1px solid #FFB401;
    background-color: #FFB401;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 0.2px;
    background: rgba(255,180,1,.9);
}
.div-littleTwo img{
    height: 17px;
    width: 17px;
    margin-left: 1.8px;
}
.nameTwo-div{
    width: 191.5px;
    height: 30px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.nameTwo-div p{
    font-size: 18px;
    color: #333333;
    margin-top: 6px;
    margin-left: 10px;
}
.wantTwo-div{
    width: 191.5px;
    height: 33px;
    border-left: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.wantTwo-div p{
    font-size: 14px;
    color: #FDB863;
    margin-top: 6px;
    margin-left: 10px;
}
#want_three{
    width:193px;
    height: 185px;
    margin-left: 18px;
    cursor: pointer;
    /*border: 1px solid palevioletred;*/
}
#want_three:hover{
    background-color: #f7f7f7;
}
.img-three{
    height: 120px;
    width: 193px;
    float: left;
    position: relative;
}
.div-littleThree{
    height: 18px;
    width: 18px;
    border: 1px solid #FFB401;
    background-color: #FFB401;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 0.2px;
    background: rgba(255,180,1,.9);
}
.div-littleThree img{
    height: 17px;
    width: 17px;
    margin-left: 1.8px;
}
.nameThree-div{
    width: 193px;
    height: 30px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.nameThree-div p{
    font-size: 18px;
    color: #333333;
    margin-top: 6px;
    margin-left: 10px;
}
.wantThree-div{
    width: 193px;
    height: 33px;
    border-left: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
}
.wantThree-div p{
    font-size: 14px;
    color: #FDB863;
    margin-top: 6px;
    margin-left: 10px;
}
#after_rank{
    width:403px;
    height: 353px;
    cursor: pointer;
    /*border: 1px solid aquamarine;*/
}
#want_four{
    width: 403px;
    height: 50px;
    /*border: 1px solid red;*/
}
#want_four:hover{
    background-color: #F7F7F7;
}
#want_four div{
    height: 50px;
}
#want_five{
    width: 403px;
    height: 50px;
}
#want_five:hover{
    background-color: #F7F7F7;
}
#want_five div{
    height: 50px;
}
#want_six{
    width: 403px;
    height: 50px;
}
#want_six:hover{
    background-color: #F7F7F7;
}
#want_six div{
    height: 50px;
}
#want_seven{
    width: 403px;
    height: 50px;
}
#want_seven:hover{
    background-color: #F7F7F7;
}
#want_seven div{
    height: 50px;
}
#want_eight{
    width: 403px;
    height: 50px;
}
#want_eight:hover{
    background-color: #F7F7F7;
}
#want_eight div{
    height: 50px;
}
#want_nine{
    width: 403px;
    height: 50px;
}
#want_nine:hover{
    background-color: #F7F7F7;
}
#want_nine div{
    height: 50px;
}
#want_ten{
    width: 403px;
    height: 50px;
}
#want_ten:hover{
    background-color: #F7F7F7;
}
#want_ten div{
    height: 50px;
}
.rank{
    font-size: 21px;
    font-style: italic;
    color: #999999;
}
.rank p{
    margin-top: 12px !important;
}
.mov-name{
    font-size: 16px;
    color: #333333;

}
.mov-name p{
    margin-top: 12px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mov-name p:hover{

}
.wan-name{
    font-size: 14px;
    color: #FDB863;
}
.wan-name p{
    margin-top: 12px !important;
    margin-left: 18px;
}





